<form class="form-horizontal" name="form1" ng-submit="onSubmit(form1)">
  <div class="modal-header">
    <button type="button" class="close" ng-click="cancel()">
      <span aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title">
      <i class="glyphicon glyphicon-time"></i>
      <!-- AK 历史 -->
      {{'auth.akHistories'|translate}}
    </h4>
  </div>
  <div class="modal-body" style="overflow-x: auto;">
    <header class="form-group">
      <div class="col-sm-2">
        <button type="button" class="btn btn-danger" ng-click="cleanAll()">
          <i class="glyphicon glyphicon-trash"></i> {{'auth.clearHistories'|translate}}
        </button>
      </div>
    </header>
    <table class="table table-striped">
      <thead>
        <tr>
          <th>Endpoint</th>
          <th>AccessKeyId</th>
          <th>AccessKeySecret</th>
          <th>{{'auth.description'|translate}}</th>
          <th>{{'actions'|translate}}</th>
        </tr>
      </thead>
      <tbody class="table-hover">
        <tr ng-repeat="history in histories">
          <td style="font-size: 0.8em; vertical-align: middle;" ng-if="history.isPublicCloud">{{'public.cloud'|translate}}</td>
          <td style="font-size: 0.8em; vertical-align: middle;" ng-if="!history.isPublicCloud">{{'private.cloud'|translate}}</td>
          <td style="font-size: 0.7em; vertical-align: middle; font-family: 'Courier New', 'Courier', _typewriter; word-break: break-all;">{{history.accessKeyId}}</td>
          <td style="font-size: 0.7em; vertical-align: middle; font-family: 'Courier New', 'Courier', _typewriter; word-break: break-all;">{{history.accessKeySecret}}</td>
          <td style="font-size: 0.8em; vertical-align: middle; max-width: 100px; word-break: break-all;">{{history.description}}</td>
          <td style="width: 150px;">
            <button type="button" class="btn btn-primary" ng-click="chooseIt(history)">{{'use'|translate}}</button>
            <button type="button" class="btn btn-warning" ng-click="removeIt(history)">{{'delete'|translate}}</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="modal-footer">
  </div>
</form>
